<template>
  <div class="left">
    <h2>Left组件</h2>
    <Article></Article>
  </div>
</template>

<script>
export default {
  created() {
    console.log('Left组件被创建了')
  },

  // 如果当前组件没有设置为缓存（没有keep-alive），根本不会触发 activated 和 deavtivated 函数
  // 当组件被激活的时候，触发 activated 周期函数
  activated() {
    console.log('Left 组件被激活了')
  },
  // 当组件被缓存的时候，触发 deactivated 周期函数
  deactivated() {
    console.log('Left 组件被缓存了')
  },

  destroyed() {
    console.log('Left组件被销毁了')
  }
}
</script>

<style lang="less" scoped>
.left {
  background-color: darkorange;
}
</style>
